/*
*  list-grid-toggle
*/

.list-grid-toggle-wraper {
    margin-top:5px;
    margin-right: 10px;
    position: absolute;
    right: 0;
    top:10px;
}



.list-toggle-btn {
    // .sprite(@sortList);
    // .sprite(@list_gray);
    .sprite(@list_gray_icon);

}

.list-toggle-btn.on {
   // .sprite(@sortList_active);
   // .sprite(@list_active);
   .sprite(@list_blue_icon);
}

.grid-toggle-btn {
    // .sprite(@sortGrid);
    //.sprite(@grid_gray);
    .sprite(@grid_gray_icon);
}

.grid-toggle-btn.on {
    .sprite(@grid_blue_icon);
}
.dot-blue-icon{
    .sprite(@dot_blue_icon);
}

.live-onlive-icon{
    .sprite(@live_onlive_icon)
}
.live-disable-icon{
    .sprite(@live_disable_icon)
}

.clock-dark-icon{
    .sprite(@clock_dark_icon,inline-block);
}
.nav-dark-icon{
    .sprite(@nav_dark_icon,inline-block);
}
.speaker-dark-icon{
    .sprite(@speaker_dark_icon,inline-block)
}
.title-dark-icon{
    .sprite(@title_dark_icon,inline-block)
}

.clock-light-icon{
    .sprite(@clock_light_icon,inline-block);
}
.nav-light-icon{
    .sprite(@nav_light_icon,inline-block);
}
.speaker-light-icon{
    .sprite(@speaker,inline-block);
}
.title-light-icon{ 
    .sprite(@title,inline-block);
}

.list-toggle-btn, .grid-toggle-btn,
.list-toggle-btn.on, .grid-toggle-btn.on{
    display: inline-block;
    .ie7-inline-block();
    // width: 20px;
    // height: 20px;
    width: 20px;
    height: 20px;
    text-indent: -1000px;
    float:right;
    margin:0 3px;
}
.dot-blue-icon,.clock-dark-icon,.nav-dark-icon {
    display: inline-block;
    .ie7-inline-block();
    width: 20px;
    height: 20px;
    text-indent: -1000px;
    margin:0 3px;
    vertical-align: text-bottom;
}
.clock-dark-icon{
    float: none;
}
.live-onlive-icon,
.live-disable-icon{
    display: inline-block;
    .ie7-inline-block();
    width: 103px;
    height: 99px;
    text-indent: -1000px; 
    position: absolute;
    top: -3px;
    left: -3px;
}
.speaker-dark-icon, 
.title-dark-icon,
.clock-light-icon,
.nav-light-icon,
.speaker-light-icon,
.title-light-icon{
    margin:0 3px;
}
.ico{
    vertical-align: middle;
    &:hover{
        background-color: transparent!important;
    }
}

#list-grid-toggle{
    .video-infos-tr{
        
        // border-bottom:3px solid @grayLighter;
    }
    // .video-photo-td{
    //      width:@video-photo-max-width;
    //      // padding-top:20px;
    // }
    .video-title{
        // padding-top:20px;
    }

}
